html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
    font-family:Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
     font-size:100%;
 }
html,body{
    color:#333}
body{
    background:#fff;
    min-width: 1234px;
}
ul,ol,li{
 list-style:none;
}
a:link, a:visited{
 color:#333;
  text-decoration:none;
}
a:hover{
 color:#666;
  text-decoration:none;
}
img{
 border:none;
}
em{
 font-style:normal;
}
h1,h2,h3,h4,h5{
 font-weight:normal;
}
.clearfloat:after{
 content:'.';
 display:block;
 overflow:hidden;
 visibility:hidden;
 font-size:0;
 line-height:0;
 width:0;
 height:0;
}
.clearfloat{
    zoom:1;
}
/* top */
.max1600{
    max-width:1600px;
     min-width:1007px;
     margin:0 auto;
 }
.topbar{
 position: absolute;
  left: 0;
  top: 0;
  width:100%;
  height:150px;
  background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/lineartop.png) repeat-x center top;
  z-index: 900;
}
.toppic{
 max-width:1170px;
  min-width:980px;
  width:80%;
  height:75px;
  margin:0 auto;
}
.toppic a:link, .toppic a:visited{
 color: #fff;
}

.topicfixed{
 position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
}
.topicfixed .toppic{
 border: none;
}
.topicfixed a:link, .topicfixed a:visited{
 color: #333;
}
.topside{
 float:left;
  width:59%;
}
.logoLink{
 float:left;
  display:block;
  width:106px;
  height:0px;
  overflow:hidden;
  padding-top:76px;
  font-size:0;
  background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/logo_w.png) no-repeat left 15px;
}
.topNav{
 float:left;
  width:450px;
  padding-left: 18px;
}
.topNav li{
 float:left;
  margin-left: 20px;
  position: relative;
}
.topNav li a{
 float: left;
  padding: 0 20px;
  line-height:75px;
  font-size:1.125em;
}
.topNav li a:hover{
 background: #12b7f5;
}
.topNav li.current a{
 background: #12b7f5;
}
.topicfixed {
 height: 75px;
}
.topicfixed .logoLink{
 background-image: url(http://3gimg.qq.com/qq_product_operations/im/2015/logo_b.png);
}
.topicfixed li.current a{
 background: none;
  color: #12b7f5;
}
.topicfixed .topNav li a:hover{
 background: none;
  color: #12b7f5;
}

.secNav{
 position: absolute;
  left: 0;
  top: 75px;
  width: 480px;
}
.secNav a{
 float: left;
  margin-right: 25px;
}
.secNav a.cur{
 color: #12b7f5;
}
.secNav a:hover{
 color: #12b7f5;
}
.topNav li .secNav a{
 line-height: 47px;
  background: none;
  font-size: 16px;
   padding: 0 8px;
}
.topicfixed .secNav{
 display: none;
}
.topTool{
 float:right;
  width:320px;
  font-size:0.875em;
}
.topTool a.barzc{
 float: left;
  width: 96px;
  height: 0;
  overflow: hidden;
  padding: 39px 0 0 0;
  margin: 18px 0 0 0;
  background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/icons.png) no-repeat 0 -244px;
  text-align: center;
  line-height: 39px;
  color: #fff;
}
.topTool a.barzc:hover, .topicfixed a.barzc:hover{
    background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/icons.png) no-repeat 0 -284px;
     color: #fff;
 }
.topTool ul{
 float: right;
  height: 40px;
  padding-top: 6px;
}
.topTool li{
 float: right;
  margin-left: 30px;
  position: relative;
  line-height: 40px;
}
.topTool .login{
 height:43px;
  line-height:43px;
}
.topTool .login span{
 padding:0 18px;
  color:#cecece;
}
.topTool a:hover{
 color:#12b7f5;
}
.flashData{
 float: right;
  line-height:17px;
  text-align: right;
  letter-spacing: 0.04em;
}
.flashData a:hover{
 text-decoration:underline;
}
.topicfixed a.barzc{
 display: inline;
}

#loginInfo img{
 float: left;
  width:25px;
  height:25px;
  margin-top: 5px;
  vertical-align:middle;
  border-radius: 12px;
  cursor: pointer;
}
.loginPenel{
 display: none;
  position: absolute;
  right: 0;
  top: 30px;
  width: 120px;
  height: 85px;
  z-index: 100;
}
.loginPenel .trg{
 position: absolute;
  right: 8px;
  top: 4px;
  width: 10px;
  height: 7px;
  background:transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/trg.png) no-repeat 0 0;
  font-size: 0;
}
.logindrop{
 width: 120px;
  height: 75px;
  margin-top: 10px;
  background: #fff;
}
.nick{
 width: 100px;
  height: 39px;
  overflow: hidden;
  margin: 0 auto;
  white-space: nowrap;
  line-height: 39px;
  text-align: center;
  text-overflow:ellipsis;
}
.lgout{
 width: 100%;
   border-top: 1px solid #d7d7d7;
  line-height: 35px;
  text-align: center;
}
.lgout a:link, .lgout a:visited{
 color: #333;
}

/* banner */
.crossbanenr{
 width: 100%;
  height: 555px;
}
.crossbanenr ul{
 position: relative;
  width: 100%;
  height: 555px;
  overflow: hidden;
  max-width: 1920px;
  min-width: 1007px;
  margin: 0 auto;
}
.crossbanenr li{
 position: absolute;
  left: 50%;
  top: 0;
  width: 1920px;
  height: 555px;
  margin: 0 0 0 -960px;
  z-index: 1;

}

/* main content */
.albumCont{
 width: 980px;
  margin: 0 auto;
  padding:38px 0 80px;
}
.albumCont h1{
 height: 40px;
  font-size: 18px;
}
.albumWrap{
 width: 980px;
  margin-right: -1px;
}
.albumWrap ul{
 width: 981px;
  overflow: auto;
  zoom:1;
}
.albumWrap li{
 position: relative;
  float: left;
  width: 327px;
  height: 280px;
  overflow: hidden;
}
.albumWrap li .alcover{
 position: absolute;
  left: 0;
  top: 0;
  width: 327px;
  height: 280px;
  overflow: hidden;
  display: none;
}
.albumWrap li .albg{
 width: 100%;
  height: 100%;
  background: #2fbbef;
  opacity: 0.9;
  filter:Alpha(opacity=90);
}
.alcover h2, .alcover p, .alcover .vw, .alcover .vp{
 position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  z-index: 10;
}
.alcover h2{
 top: 93px;
  height: 38px;
  line-height: 38px;
  font-size: 28px;
}
.alcover p{
 top: 128px;
  line-height: 24px;
  font-size: 14px;
}
.alcover .vw, .alcover .vp{
 top: 165px;
  line-height: 35px;
}
.vw span{
 padding:6px 30px 6px 0;
  background:transparent url(http://3gimg.qq.com/qq_product_operations/im/album/sled.png) no-repeat right center;
  font-size: 18px;
}
.vp span{
 padding:6px 30px 6px 0;
  background:transparent url(http://3gimg.qq.com/qq_product_operations/im/album/vp.png) no-repeat right center;
  font-size: 18px;
}
.vw a:link, .vw a:visited{
 color: #fff;
}
/* flash */
.flashBar{
 float:right;
  width:67px;
}
.flashBar a{
 display:block;
  width:67px;
  height:0;
  overflow:hidden;
  padding-top:67px;
  background:#000 url(http://im-img.qq.com/home/img/q2013/flahicons.png) no-repeat 0 0;
  border-bottom:1px solid #333;
}
.flashBar a.close{
 background-position:14px 14px;
}
.flashBar a.sharetozone{
 background-position:14px -52px;
}
.flashBar a.sharetoweibo{
 background-position:14px -120px;
}
.flashBar a.close:hover{
 background-position:-52px 14px;
}
.flashBar a.sharetozone:hover{
 background-position:-52px -52px;
}
.flashBar a.sharetoweibo:hover{
 background-position:-52px -120px;
}

.flashBox{
 float:left;
 background:url(http://im-img.qq.com/online/images/loading.gif) no-repeat 50% 40%;
 width:910px;
 height:auto;
}
.overlay{
 display:none;
  position:absolute;
  left:0;
  top:0;
  z-index:9999;
  width:100%;
  height:100%;
  background-color:#000;
  opacity:0.6;
  filter:Alpha(opacity=60);
}
#flashDiv{
 position:absolute;
  left:50%;
  top:47px;
  width:978px;
  height:721px;
  margin:0 0 0 -489px;
  display:none;
  z-index:10000;
  position: fixed;
}
.togame{
 clear: both;
  padding-right: 80px;
  height: 31px;
  text-align: right;
}
/* footer */
.newfoot{
 width: 100%;
  height: 348px;
  padding-top:34px;
  background: #2a2a2a;
  font-size:0.75em;
}
.newfoot a:link, .newfoot a:visited{
 color: #888;
}
.newfoot a:hover{
 color: #fafafa;
}
.qmaps{
 width: 960px;
  height: 205px;
  margin: 0 auto;
}
.plats{
 float: left;
  width: 510px;
  padding-left: 8px;
}
.plats h3{
 height: 50px;
   color: #666;
  font-size: 14px;
}
.plats a{
 float: left;
  padding-top: 65px;
  background: transparent url(http://3gimg.qq.com/qq_product_operations/im/2015/plats1.png) no-repeat 0 0;
  text-align: center;
  font-size: 14px;
}
.plats a:hover{
 color: #12b7f5;
}
.plats a.plmb{
 width: 68px;
  margin-right: 35px;
  background-position: 0px 0;
}
.plats a.plmb:hover{
 background-position: 0px -93px;
}
.plats a.plpc{
 width: 80px;
  margin-right: 30px;
  background-position: -105px 0;
}
.plats a.plpc:hover{
 background-position: -105px -93px;
}
.plats a.plmac{
 width: 84px;
  margin-right:30px;
  background-position: -210px 0;
}
.plats a.plmac:hover{
 background-position: -210px -93px;
}
.plats a.plpad{
 width: 76px;
  background-position: -326px 0;
}
.plats a.plpad:hover{
 background-position: -326px -93px;
}
.map{
 float: left;
}
.map h3{
 height: 25px;
  color: #666;
  font-size: 14px;
}
.map li{
 line-height: 22px;
}
.qac{
 width: 185px;
}
.qfaq{
    width: 175px;
}
.qlink{
 width: 80px;
}
.copyright{
 clear: both;
  width: 960px;
  margin: 0 auto;
  padding-top: 16px;
  border-top: 1px solid #666;
  line-height: 17px;
  text-align: center;
  color: #666;
} 
.login_div {
 display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 622px;
  height: 368px;
  margin: -184px 0 0 -311px;
  z-index: 99999;
}
.vediotouch{
 cursor: pointer;
}
#myVideo{
 width: 700px;
  height: 434px;
  overflow: hidden;
}
.videoArea{
 display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 700px;
  height: 434px;
  margin:-217px 0 0 -350px;
  border:1px solid #000;
  box-shadow: 0 16px 25px rgba(0, 0, 0, 0.5);
  z-index: 100000;
}
.videoArea .close{
 position: absolute;
  right: -30px;
  top: -30px;
  width: 60px;
  height: 60px;
  background:transparent url(http://im-img.qq.com/mobileqq/img/v50/cancle.png) no-repeat 0 0;
  z-index: 100002;
}